import { createApp } from 'vue'
import App from './App.vue'
import store from './store'; //vuex需要在main.js里面引入
import router from './router'; //和vuex一样 引入
import DatePicker from "ant-design-vue";
import "ant-design-vue/dist/reset.css"; // or 'ant-design-vue/dist/antd.less'
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import '../src/css/flex.css';
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'

//引入自定义组件
import PhoHead from "../src/components/currency/phoHead.vue";//测试
import Foot from "../src/components/currency/foot.vue";//公共底部

import wx from 'weixin-js-sdk';

// 获取签名信息的函数
const getWxConfig = async () => {
    return JSON.parse(localStorage.getItem('information'))
}
// 初始化微信 JS-SDK 并配置分享信息
const initWxSdk = async () => {
    const config = await getWxConfig()
    
    wx.config({
        debug: false, // 开启调试模式，方便查看错误信息，上线时改为 false
        appId: config.appId,
        timestamp: config.timestamp,
        nonceStr: config.nonceStr,
        signature: config.signature,
        jsApiList:config.jsApiList
    })

    wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
        wx.updateAppMessageShareData({
            title: '俄数通-对俄贸易数据中心', // 分享标题
            desc: '俄数通以创新驱动、专业领航，成为驱动双边贸易蓬勃发展的关键力量。其独具一格的推广优势，为企业开拓对俄市场铺就了一条高速通路，让对俄贸易优势尽显。', // 分享描述
            link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://heizixun.com/img/logo2.jpg', // 分享图标
            success: function () {
                // 设置成功
            }
        })

        wx.updateTimelineShareData({ 
            title: '俄数通-开启中俄贸易新航道,一站式服务，带你抢占对俄市场先机！', // 分享标题
            link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://heizixun.com/img/logo2.jpg', // 分享图标
            success: function () {
              // 设置成功
            }
          })
    });

    wx.error((res) => {
        console.error('微信 JS-SDK 初始化失败:', res)
    })
}
initWxSdk()


const app = createApp(App);
app.use(ElementPlus);
app.use(store);
app.use(router);
app.use(DatePicker)

//引入自定义组件
app.component('PhoHead', PhoHead);//测试
app.component('Foot', Foot);//底部

app.use(Viewer, {
    defaultOptions: {
        title: false,//手机端轮播图不展示标题
        toolbar: false,
        // transition:false,
        navbar: false,
        // scalable:false,
        // rotatable:false,
        // tooltip:false,
        // inline:false,
    }
})

app.mount('#app');

//配置公共属性
const BASEURL =
    app.config.globalProperties.$imgUrl = "http://test.fetcohrb.com/img"

// app.use(store).use(router).mount("#app");
// vue2的new Vue在v3变成了 createApp